<template>
  <div class="home-new">
    <MyPanel title="商品详情页，待开发" >
    

    </MyPanel>
  </div>

  
</template>

<script>
import { ref } from "vue";
import MyPanel from "@/components/MyPanel.vue";
import HomeVueSkeleton from '@/components/Skeleton/HomeVueSkeleton.vue'
import { getNew } from "@/api";
export default {
  components: {
    MyPanel,
    HomeVueSkeleton
  },
  setup(props) {
    const goods = ref([]);
    const getNewList = async () => {
      try {
        const res = await getNew();
        console.log(res);
        if ((res.code = "200")) {
          goods.value = res.data.result.slice(0, 1);
        }
      } catch (error) {
        console.log(error);
      }
    };
    getNewList();

    console.log(123);
    console.log(goods);
    console.log(123);

    return { goods };
  }
};
</script>

<style lang="less" scoped>
.home-new {
  .goods-list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    .item {
      width: 265px;
      height: 365px;
      background-color: #f5f5f5;
      img {
        width: 265px;
        height: 265px;
      }
      .hoverShadow();
      .title {
        font-size: 17px;
        text-align: center;
        padding: 15px 25px;
      }
      .price {
        text-align: center;
        font-size: 15px;
        color: @priceColor;
        del {
          color: #666;
        }
      }
    }
  }
}
</style>